<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/normalize.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="css/vote.css">
    
    <title>投票</title>
</head>
<body>
    <header class="vote-header">
        <div class="vote-header-left-btn-wrapper">
            <div class="vote-header-left-btn"></div>
        </div>
        <div class="vote-header-right-btn-wrapper">
            <div class="vote-header-right-btn"></div>
        </div>
        <h1 class="vote-header-title">投票</h1>
        <audio src="audio/1.mp3" autoplay="autoplay" loop="loop">
            您的浏览器不支持 audio 标签。
        </audio>
    </header>
    <main class="container-fluid vote-main-wrapper">
        <div class="row vote-please">
            <div class="col-xs-12">
                <span>发言讨论结束，大家请投票</span>
                <i class="icon-goto-vote"></i>
            </div>
        </div>
        <div class="row vote-desc">
            <div class="col-xs-11 col-xs-offset-1">
                <span>点击得票数最多人的头像</span>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 vote-game-wrapper">
                <div class="vote-game-item">
                    <div class="vote-game-name">水民</div>
                    <div class="vote-game-num">1号</div>
                    <div class="vote-game-selections">
                        <div class="vote-game-selections-wrapper">
                            <i class="vote-game-icon icon-kill"></i>
                            <i class="vote-game-icon icon-search"></i>
                            <i class="vote-game-icon icon-shoot"></i>
                            <i class="vote-game-icon icon-add"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="vote-footer">
        <a class="vote-btn" href="result.html">投死</a>
    </footer>
</body>
</html>